<table cellpadding="3" cellspacing="1" class="table table-bordered table-hover" id="list-table">

    <thead>
    <tr>
        <th>标题</th>
        <th>内容</th>
        <th>音频图片</th>
        <th>音频</th>
        <th>音频时长</th>
        <th>是否可见</th>
        <th>操作</th>
    </tr>
    </thead>

<#if (voiceOnDemondDataList?size>0)>
    <#list  voiceOnDemondDataList as voiceOnDemondData>

        <tbody>
        <tr>
            <td align="center" valign="top" nowrap="nowrap">
                <#if (voiceOnDemondData.dataName)??>
                    ${voiceOnDemondData.dataName}
                </#if>
            </td>
            <td align="center" valign="top" nowrap="nowrap">
                <#if (voiceOnDemondData.dataDesc)??>
                    <textarea rows='3' cols='35' class='form-control' readonly>
                    ${voiceOnDemondData.dataDesc}
                    </textarea>
                </#if>
            </td>
            <td align="center" valign="top" nowrap="nowrap">
                <#if (voiceOnDemondData.imgUrl)??>
                    <#if (voiceOnDemondData.imgUrl)?starts_with("http") >
                        <img src= ${voiceOnDemond.imgUrl}class="voice_img" style="width: 80px;height: 80px"/>
                    <#else >
                        <img src="http://res.shouerhealth.cn/${voiceOnDemondData.imgUrl}" class="voice_img"
                             style="width: 80px;height: 80px"/>
                    </#if>

                </#if>
            </td>
            <td align="center" valign="top" nowrap="nowrap">
                音频
            </td>
            <td align="center" valign="top" nowrap="nowrap">
                <#if (voiceOnDemondData.entend1)??>
                    ${voiceOnDemondData.entend1}
                </#if>
            </td>
            <td align="center" valign="top" nowrap="nowrap">
                <#if (voiceOnDemondData.isIssueFlag)??>
                   <#if (voiceOnDemondData.isIssueFlag)==1>
                    可见
                   <#else>
                   不可见
                   </#if>
                <#else >
                    不可见
                </#if>
            </td>
            <td align="center" valign="top" nowrap="nowrap">
                <a href="javascript:void()" onclick="queryVoiceDataForUpdate(${voiceOnDemondData.recid})">编辑</a>|
                <a href="javascript:void()"
                   onclick="showDeleteAlert(${voiceOnDemondData.recid},'${voiceOnDemondData.dataName}')">删除</a>
            </td>
        </tr>
        </tbody>
    </#list>
</#if>

</table>


<script type="text/javascript">
    listTable.currentPage =${(page.currentPage)?c};
    listTable.pageCount =${(page.totalPage)?c};
    listTable.recordCount =${(page.allRow)?c};
</script>
<!--分页-->
<table id="page-table" cellspacing="0">
    <tr>
        <td align="right" nowrap="true">
            <div id="turn-page">
                共<span id="totalRecords">${page.allRow} </span>条记录&nbsp;
                共<span id="totalPages">${page.totalPage}</span> 页&nbsp;
                当前第<span id="pageCurrent">${page.currentPage}</span>页&nbsp;

                每页显示记录条数 <input type='text' size='3' id='pageSize' value="${page.pageSize}"
                                onkeypress="return listTable.changePageSize(event)"/>
                <!--查询动作-->
                <input type='hidden' size='3' id='action' value="ajaxQueryStuff.action"/>


                <span id="page-link">
                    <a href="javascript:listTable.gotoPageFirst()">第一页</a>
                    <a href="javascript:listTable.gotoPagePrev()">前一页</a>
                    <a href="javascript:listTable.gotoPageNext()">下一页</a>
                    <a href="javascript:listTable.gotoPageLast()">最后一页</a>

                </span>
            </div>
        </td>

    </tr>
</table>